<!DOCTYPE html>
<svg width="500" color-interpolation-filters="sRGB">
  <filter id="convError1" x="0" y="0" width="1" height="1">
    <feConvolveMatrix order="-1 -1" kernelMatrix="1"/>
    <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/>
  </filter>
  <filter id="convError2" x="0" y="0" width="1" height="1">
    <feConvolveMatrix order="1 1" kernelMatrix="1 1"/>
    <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/>
  </filter>
  <filter id="convError3" x="0" y="0" width="1" height="1">
    <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="0"/>
    <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/>
  </filter>
  <filter id="convError4" x="0" y="0" width="1" height="1">
    <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="1" targetX="1"/>
    <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/>
  </filter>
  <filter id="convError5" x="0" y="0" width="1" height="1">
    <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="1" targetX="0" targetY="1"/>
    <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/>
  </filter>

  <rect width="500" height="100" fill="red"/>
  <rect width="100" height="100" fill="red" filter="url(#convError1)"/>
  <rect width="100" height="100" fill="red" filter="url(#convError2)" x="100"/>
  <rect width="100" height="100" fill="red" filter="url(#convError3)" x="200"/>
  <rect width="100" height="100" fill="red" filter="url(#convError4)" x="300"/>
  <rect width="100" height="100" fill="red" filter="url(#convError5)" x="400"/>
</svg>
